text - transform

Коротка інформація

CSS	CSS1, CSS2
Значення за умовчанням	none
Наслідує	Так
Застосовується	До усіх елементів
Аналог HTML	Ні
Посилання на специфікацію	http://www.w 3.org/TR/CSS21/text.html#propdef - text - transform

Управляє перетворенням тексту елементу в заголовні або прописні символи. Коли значення відмінне від none, регістр початкового тексту буде змінений.

text - transform: capitalize | lowercase | uppercase | none | inherit

capitalize Перший символ кожного слова в реченні буде заголовним. Інші символи свій вид не міняють.

lowercase Усі символи тексту стають рядковими (нижній регістр).

uppercase Усі символи тексту стають прописними (верхній регістр).

none Не міняє регістр символів.

inherit Наслідує значення батька.

Приклад

HTML 4.0 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">

<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">

    <title>text - transform</title>

    <style type="text/css">

      H1 {

        text - transform: uppercase; /* Заголовних букв */

P {

        text - transform: capitalize; /* Кожне слово починається із заголовної букви */

    </style>

  </head>

  <body>

    <h1>Луцький національний техніний університет  </h1>

    <p>Луцький національний техніний університет

є одним із найкращих професійних закладів освіти у місті Луцьку.

Найкращою з підготовки спеціалістів є кафедра професійного навчання, що займається професійною підготовкою студентів. .</p>

  </body>

</html>

Результат цього прикладу показаний ні мал. 1.

Мал. 1. Застосування властивості text - transform

[window.]document.getElementById("elementID").style.textTransform

Internet Explorer до сьомої версії включно не підтримує значення inherit.